{php include pubTemplate("header")}

<div class="container">

    <div class="row">

        <div class="col-md-3"></div>
        <div class="col-md-6">



            <div class="card">
                <div class="card-body">



                    {if tsIntval($strUser['isverifyphone'])==0 && tsIntval($TS_SITE['isverifyphone'])==1}
                    <div class="alert alert-info">提示：你必须通过手机号验证才可以正常使用本社区</div>
                    {/if}
                    {if $strUser['isverifyphone']==1}
                    <div class="alert alert-success">
                        您已经通过手机号验证！现在可以随便点点看看我们的社区！
                    </div>

                    {else}



                    <form id="comm-form" method="post" action="{SITE_URL}index.php?app=user&ac=phone&ts=verifydo">
                        <div class="form-group">
                            <label>手机号</label>

                            <div>
                                <input id="myphone" type="number" name="phone" class="form-control" value="{if isPhone($strUser['phone'])}{$strUser['phone']}{else}{/if}">
                            </div>

                        </div>

                        <div class="form-group">
                            <label>图片验证码</label>

                            <div class="d-flex flex-row align-items-center">
                                <div class="d-flex"><input  id="authcode" type="text" name="authcode" class="form-control" value=""></div>
                                <div class="d-flex ml-1">

                                    <img id="imagecode" align="absmiddle" src="{SITE_URL}index.php?app=pubs&ac=code" onclick="javascript:newgdcode(this,this.src);" title="点击刷新验证码" alt="点击刷新验证码" style="cursor:pointer;" />

                                    <a href="javascript:void('0');" onclick="changeImageCode();">点击刷新验证码</a>

                                </div>
                            </div>

                        </div>

                        <div class="form-group">
                            <label>手机验证码</label>

                            <div class="d-flex flex-row">
                                <div class="d-flex"><input type="text" class="form-control" name="phonecode" value=""></div>
                                <div class="d-flex ml-1"><button id="mybtn" type="button" class="btn btn-outline-secondary">获取验证码</button></div>
                            </div>

                        </div>

                        <button type="submit" class="btn btn-sm btn-info">点击开始验证</button> <small class="text-danger">(手机号验证通过后下次可以使用手机号登录社区)</small>

                    </form>

                <!--
                    <hr>
                
                    <form method="post" action="{tsUrl('user','phone',array('ts'=>'setphone'))}">
                        <div class="form-group">
                            <label>手机号不对吗？更换手机号:</label>
                            <input type="number" name="phone" class="form-control" placeholder="请输入你要更换的手机号">
                        </div>


                        <input type="hidden" name="token" value="{$_SESSION['token']}" />
                        <input class="btn btn-sm btn-outline-secondary" type="submit" value="提交修改" />
                    </form>
                -->


                    {/if}


                </div>
            </div>



        </div>
        <div class="col-md-3"></div>
    </div>

</div>


<!--{if $TS_SITE['is_vaptcha']}-->
<script src="https://v-cn.vaptcha.com/v3.js"></script>
<script>
vaptcha({
    vid: '{$TS_SITE[vaptcha_vid]}',// 验证单元id
    mode: 'invisible',// 显示类型 隐藏式
    scene: 0,// 场景值 默认0
    area: 'auto' //验证节点区域,默认 auto,可选值 auto,sea,na,cn
}).then(function (vaptchaObj) {

    obj = vaptchaObj; //将VAPTCHA验证实例保存到局部变量中

    vaptchaObj.listen("pass", function () {
        // 验证成功进行后续操作

        serverToken = vaptchaObj.getServerToken()

        sendPhoneCode(0,serverToken.token,serverToken.server)

        vaptchaObj.reset(); //重置验证码
        
    });

    //关闭验证弹窗时触发
    vaptchaObj.listen("close", function () {
        //验证弹窗关闭触发
    });

})

$("#mybtn").on("click", function () {
    var phone = $("#myphone").val();
    var authcode = $("#authcode").val();

    if(phone && authcode){
        //人机验证
        obj.validate();
    }else{
        tsNotice('手机号和图形验证码必须填写！');
    }
});
</script>
<!--{else}-->

<script>
$("#mybtn").on("click", function () {
    var phone = $("#myphone").val();
    var authcode = $("#authcode").val();

    if(phone && authcode){
        sendPhoneCode(0)
    }else{
        tsNotice('手机号和图形验证码必须填写！');
    }
});
</script>

<!--{/if}-->


{php include pubTemplate("footer")}
